﻿@model iDMS.Models.Manufacturer
@using MvcHtmlHelpers

<script type="text/javascript">
    var geocoder;
    var map;
    function initialize() {
        geocoder = new google.maps.Geocoder();
        var latlng = new google.maps.LatLng(-34.397, 150.644);
        var mapOptions = {
            zoom: 15,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.HYBRID
        }
        map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
        codeAddress();
    }

    function codeAddress() {
        var address = '@Model.Adress,@Model.City,@Model.PostCode,@Model.Country.Name';
        geocoder.geocode({ 'address': address }, function (results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                map.setCenter(results[0].geometry.location);
                var marker = new google.maps.Marker({
                    map: map,
                    position: results[0].geometry.location,
                    title: '@Model.Name'
                });
            } else {
                $('#map_canvas').hide();
            }
        });
    }

    function loadScript() {
        var script = document.createElement("script");
        script.type = "text/javascript";
        script.src = "https://maps.googleapis.com/maps/api/js?sensor=false&callback=initialize";
        document.body.appendChild(script);
    }

    $(function () {
        loadScript();
    });
</script>
    
<table style="width: auto">
    <tr>
        <td style="width:300px">
            @Html.Partial("_Details", @Model)
        </td>
        <td valign="top">
            <div id="map_canvas" style="height: 300px; width: 200px">map</div>
        </td>
    </tr>
</table>
